<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>API测试页面</title>
</head>
<body>
    <h1>API模块测试</h1>
    <div id="status"></div>
    <button onclick="testAPI()">测试API</button>

    <!-- 引入axios和API模块 -->
    <script src="https://cdn.jsdelivr.net/npm/axios@1.6.0/dist/axios.min.js"></script>
    <script src="./js/api.js"></script>
    
    <script>
        function testAPI() {
            const statusDiv = document.getElementById('status');
            
            // 检查API是否已加载
            if (typeof petHouseAPI === 'undefined') {
                statusDiv.innerHTML = '<p style="color: red;">❌ petHouseAPI 未定义</p>';
                return;
            }
            
            statusDiv.innerHTML = '<p style="color: green;">✅ petHouseAPI 已加载</p>';
            
            // 显示API信息
            console.log('petHouseAPI:', petHouseAPI);
            console.log('API模块:', Object.keys(petHouseAPI));
            
            // 测试API调用（模拟）
            try {
                // 这里只是测试API对象是否存在，不实际发送请求
                if (petHouseAPI.auth && petHouseAPI.auth.login) {
                    statusDiv.innerHTML += '<p style="color: green;">✅ 登录API方法可用</p>';
                } else {
                    statusDiv.innerHTML += '<p style="color: red;">❌ 登录API方法不可用</p>';
                }
            } catch (error) {
                statusDiv.innerHTML += '<p style="color: red;">❌ API测试失败: ' + error.message + '</p>';
            }
        }
        
        // 页面加载完成后自动测试
        document.addEventListener('DOMContentLoaded', function() {
            setTimeout(testAPI, 1000); // 延迟1秒确保脚本加载完成
        });
    </script>
</body>
</html> 